<script setup>
  const props = defineProps(['description'])
</script>

<template>
  <div class="empty-state">
    <div class="empty-info">
      <img src="@/assets/empty/order.png" class="empty-img" alt="">
      <div class="desc"> {{ description }} </div>
    </div>
    <div class="empty-btn">
      <slot name="btn"></slot>
    </div>
  </div>
</template>

<style scoped lang="scss">
  .empty-state {
    text-align: center;
    .empty-info {
      padding-top: 50px;
      .empty-img {
        width: 250px;
      }
      .desc {
        color: #999;
      }
    }
  }
</style>